<script setup>
import BreadCrumb from "@/views/BookInformation/components/breadCrumb.vue";
import Content from "@/views/Reader/components/content.vue";
import Footer from "@/views/BookInformation/components/footer.vue"
import Nav from "@/components/Nav/nav-parallax.vue";
const emit = defineEmits('updateIsDay')
const getIsDay = (value) => {
  console.log(value.value)
  emit('updateIsDay',value)
}
</script>
<template>
  <div class="main">
    <Nav></Nav>
    <div class="bread">
      <!-- <bread-crumb></bread-crumb> -->
    </div>
    <div class="content">
      <content></content>
    </div>
    <div class="footer">
      <Footer></Footer>
    </div>
  </div>
</template>

<style scoped>
.main{
  background-color: #f2f2f2;
}
.bread{
  margin: 30px 100px 30px 100px;
}
.content{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.footer{
  background-color: white;
  margin: 20px 100px 20px 100px;
  z-index: 10000;
}
</style>